.sn_topBar {
    width: @Width100;
    height: 90rem/@baseFontSize;
    background: @snColor;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
    a {
        position: absolute;
        width: 90rem/@baseFontSize;
        height: 90rem/@baseFontSize;
        top: 0;
        &.icon_category {
            left: 0;
            background: url('../images/icon_category.png') no-repeat center/ 44rem/@baseFontSize 70rem/@baseFontSize;
        }
        &.icon_cart {
            right: 0;
            background: url('../images/icon_cart.png') no-repeat center/ 63rem/@baseFontSize 68rem/@baseFontSize;
        }
    }
    form {
        width: 100%;
        padding: 0 90rem/@baseFontSize;
        position: relative;
        .icon_search {
            width: 30rem/@baseFontSize;
            height: 30rem/@baseFontSize;
            top: 30rem/@baseFontSize;
            left: 100rem/@baseFontSize;
            position: absolute;
            background: url('../images/icon_search.png') no-repeat center / 27rem/@baseFontSize 28rem/@baseFontSize;
        }
        input {
            width: 100%;
            height:  60rem/@baseFontSize;
            margin-top: 15rem/@baseFontSize;
            border-radius: 3rem/@baseFontSize;
            background: rgba(255,255,255,0.3);
            font-size: 24rem/@baseFontSize;
            padding-left: 45rem/@baseFontSize;
        }
    }
}